
/* CSS Document */

html, body, #map_canvas{
        margin: 0;
        padding: 0;
        height: 95.6%;
        width:100%;
      }

.defaultTextActive { color: #a1a1a1; font-style:normal; }

body {
    color: #262626;
	background: #f4f4f4;
	/*font: normal 12px/18px Verdana, sans-serif;*/
	font-family: Arial;
	font-size: 13px;
	letter-spacing:0.5px;
	line-height: 1.231;
}

body a{
	cursor:pointer;
}

.wapper_undermenu {
    background: none repeat scroll 0 0 #F1F1F1;
    height: 70px;
}

#map_canvas {
	z-index:0; 
	border: 1px solid #CCCCCC; 
	background: url("../images/loading.gif"); 
	background-repeat: no-repeat; 
	background-position: center;
	min-width: 1024px;
	height: 95.75%;
	width: 99.92%;
}

/* Textbox css */

.tb1 {
	background:#FFFFFF url("../images/point.png") no-repeat 4px 6px;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	width:495px;
	height:21px;
	margin-left:35px
}

.tb2 {
	background:#FFFFFF url("../images/point.png") no-repeat 4px 6px;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	width:226px;
	height:21px;
	margin-left:35px
}


.tb3 {
	background:#FFFFFF url("../images/destination.png") no-repeat 4px 6px;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	width:226px;
	height:21px;
	margin-top:2px;
}

/*DropdownList css */
.droplist {
	background:#FFFFFF url("../images/city_search.png") no-repeat 4px 6px;
	padding:4px 4px 4px 22px;
	width:150px;
	height:30px;
	border:1px solid #CCCCCC;
	margin-right:5px;
}


/* Button css */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#CCCCCC;
    border:1px solid #C4C4C4;
    border-top:1px solid #C4C4C4;
    border-left:1px solid #C4C4C4;

    font: normal 12px/18px Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}


/*Search box css ---*/
/* content block 1 */
#mcs1_container{left:340px; top:20px; margin:0; width:310px; height:300px; padding:0 10px; border: 3px solid rgba(0, 0, 0, 0.75); background-color:#f3f3f3; border-top:none; border-bottom:none; }
#mcs1_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs1_container .customScrollBox .container{position:relative; width:290px; top:0; float:left; }
#mcs1_container .customScrollBox .content{clear:both;}
#mcs1_container .customScrollBox .content p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs1_container .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
#mcs1_container .customScrollBox img{border:5px solid #fff;}
#mcs1_container .dragger_container{position:relative; width:9px; height:280px; float:left; margin:10px 0 0 10px; cursor:pointer; box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000;}
#mcs1_container .dragger{position:absolute; width:6px; height:60px; background:#333; text-align:center; margin-left:1px; line-height:60px; color:#666; overflow:hidden; border-left:1px solid #787878; border-right:1px solid #000; cursor:pointer;}
#mcs1_container .dragger_pressed{position:absolute; width:6px; height:60px; background:#444; text-align:center; margin-left:1px; line-height:60px; color:#777; overflow:hidden; border-left:1px solid #878787; border-right:1px solid #000; cursor:pointer;}

.mbox_caption1 {
    color: #FFFFFF;
    overflow: hidden;
	background-color:#262D28;
	height:8px;
	opacity:0.9;
	width:332px;
}

.mbox_add1 {
    color: #FFFFFF;
    background-color: #304455;
	border: 3px solid rgba(0, 0, 0, 0.75);
	border-top:none;
	border-bottom:none;
	height:28px;
	padding-top:5px;
	opacity:0.95;
}

/* content block 2 */
#mcs2_container{left:340px; top:20px; margin:0; width:310px; height:240px; padding:0 10px; border: 3px solid rgba(0, 0, 0, 0.75); background-color:#f3f3f3; border-top:none; border-bottom:none;}
#mcs2_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs2_container .customScrollBox .container{position:relative; width:290px; top:0; float:left;}
#mcs2_container .customScrollBox .content{clear:both;}
#mcs2_container .customScrollBox .content p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs2_container .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
#mcs2_container .customScrollBox img{border:5px solid #fff;}
#mcs2_container .dragger_container{position:relative; width:9px; height:220px; float:left; margin:10px 0 0 10px; cursor:pointer; box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000;}
#mcs2_container .dragger{position:absolute; width:6px; height:60px; background:#333; text-align:center; margin-left:1px; line-height:60px; color:#666; overflow:hidden; border-left:1px solid #787878; border-right:1px solid #000; cursor:pointer;}
#mcs2_container .dragger_pressed{position:absolute; width:6px; height:60px; background:#444; text-align:center; margin-left:1px; line-height:60px; color:#777; overflow:hidden; border-left:1px solid #878787; border-right:1px solid #000; cursor:pointer;}

.mbox_caption2 {
    color: #FFFFFF;
    overflow: hidden;
	background-color:#F1F1F1;
	border: 3px solid rgba(0, 0, 0, 0.75);
	border-top: none;
	border-bottom: none;
	width:330px;
}

.mbox_add2 {
    background-color: #304455;
    color: #FFFFFF;
	border: 3px solid rgba(0, 0, 0, 0.75);
	border-top:none;
	border-bottom:none;
	height:28px;
	padding-top:5px;
	opacity:0.95;
}

/*Rounded box css*/
body{background-color: #FFF;
	/*font: arial*/
}
	
div#background{ margin: 0 10%;background: #9BD1FA} /* Setting the background for content and color */	
b.rtop, b.rbottom{display:block;} /* Setting the corner color, use different color for different layout */
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #262D28; opacity:0.9}/* Setting the strip size and background
color */
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 1px}
	


/* list search */
#search_list {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #334B61;
	text-align:left;
	margin-left:-20px;
}

#search_list ul {
	margin: 0;
	list-style:disc;
	margin: 0px 0px;
	padding-bottom: 30px;
}

#search_list li {
	margin: 0px 0px;
	border-bottom: 1px dotted #E7E2DC;
	list-style:disc;
	line-height: 26px;
}


#search_list li a {
	padding: 0px 0px 0px 0px;
	cursor:pointer;
}

#search_list a {
	border: none;
	color: #334B65;
	text-decoration:none;
	font: 13px/20px arial;
}

#search_list a:hover {
	text-decoration: underline;
	color:#F30;
}

#search_list span {
	font-size:11px;
	color: #8e8e8e;
}

#action {
	font-size:11px;
	color:#2272BD;
}

#action a {
	color:#2272BD;
	text-decoration:none;
	font-size: 11px;
}

#action a:hover {
	text-decoration:underline;
	color:#2272BD;
}

#closeBtn {
		display:block;
		height:18px;
		width:18px;
		background:url("../images/closeBtn.png") no-repeat;
		text-indent:-9999px;
		outline:none;
		position:absolute;
		top:-10px;
		right:-10px;
		margin:2px;
		padding:4px;
		z-index:2;
		cursor:pointer;
	}
	
#closeBtn1 {
		display:block;
		height:18px;
		width:18px;
		background:url("../images/closeBtn.png") no-repeat;
		text-indent:-9999px;
		outline:none;
		position:absolute;
		top:-5px;
		right:-10px;
		margin:2px;
		padding:4px;
		z-index:2;
		cursor:pointer;
	}


/*info window css*/
#title {
	color:#06C; font-size:13px; line-height:22px; font-weight:800;	
}

#info{
	margin-left:0px; font-size:11px; line-height:18px;
}

#info a {
	border: none;
	text-decoration:none;
}

#info a:hover {
	text-decoration: none;
	color:#F30;
}

#infoImg {
	margin-top:10px; margin-left:5px;
}

/*restore search box */
.restore_tab {
    background: url("../images/restore_tab_1.png") no-repeat;
    height: 71px;
    left: 0;
    position: absolute;
    top: 300px;
    width: 24px;
    z-index: 5;
}

/*route search*/
.spnStreetName{
    color: #334B61;
    cursor: pointer;
    font-size: 12px;
	padding-left: 10px; 
	padding-bottom: 8px;
	border-bottom: 1px dotted #E7E2DC;
}

.spnStreetName a{
	text-decoration: none;
	line-height: 20px;
	letter-spacing: 0.5px;
}

.spnStreetName a:hover {
	text-decoration: none;
	color:#F30;
}

.imgInstruction{
	width:18px; 
	border-bottom: 1px dotted #E7E2DC;
}

#infoRoute{
	color:#334B61;
	font-size: 12px;
	margin-left: 10px;
	font-weight: bold;
}

/*Message box */
.messageBox {
	background-color:#304455;
	padding-top:10px; 
	padding-bottom:10px; 
	text-align:center;
	color:#FFF;
	font-size:15px;
	opacity: 0.95;
	border: 3px solid #262D28;
	border-top: none;
	border-bottom: none
}
